﻿<!DOCTYPE html>
<html>
  <head>
    <title>抬头望星</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/抬头望星/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/抬头望星/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u283" class="ax_default" data-left="136" data-top="97" data-width="624" data-height="1287">

        <!-- Unnamed (图片) -->
        <div id="u284" class="ax_default _图片1">
          <img id="u284_img" class="img " src="images/界面流程/u56.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u285" class="ax_default _图片1">
          <img id="u285_img" class="img " src="images/界面流程/u57.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u286" class="ax_default _文本段落1">
          <div id="u286_div" class=""></div>
          <div id="u286_text" class="text ">
            <p><span>抬头望星</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u287" class="ax_default _形状">
          <div id="u287_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u288" class="ax_default" data-left="178" data-top="1155" data-width="130" data-height="90">

        <!-- Unnamed (矩形) -->
        <div id="u289" class="ax_default _形状 selected" selectiongroup="Tab1">
          <img id="u289_img" class="img " src="images/界面流程/u61_selected.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u290" class="ax_default _形状">
          <img id="u290_img" class="img " src="images/界面流程/u62.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u291" class="ax_default _文本段落1">
          <div id="u291_div" class=""></div>
          <div id="u291_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u292" class="ax_default" data-left="307" data-top="1155" data-width="140" data-height="90">

        <!-- Unnamed (矩形) -->
        <div id="u293" class="ax_default _形状" selectiongroup="Tab1">
          <img id="u293_img" class="img " src="images/界面流程/u65.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u294" class="ax_default _形状">
          <img id="u294_img" class="img " src="images/界面流程/u62.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u295" class="ax_default _文本段落1">
          <div id="u295_div" class=""></div>
          <div id="u295_text" class="text ">
            <p><span>排行</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u296" class="ax_default" data-left="447" data-top="1155" data-width="141" data-height="90">

        <!-- Unnamed (矩形) -->
        <div id="u297" class="ax_default _形状" selectiongroup="Tab1">
          <img id="u297_img" class="img " src="images/界面流程/u69.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u298" class="ax_default _形状">
          <img id="u298_img" class="img " src="images/界面流程/u62.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u299" class="ax_default _文本段落1">
          <div id="u299_div" class=""></div>
          <div id="u299_text" class="text ">
            <p><span>广场</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u300" class="ax_default" data-left="588" data-top="1155" data-width="134" data-height="90">

        <!-- Unnamed (矩形) -->
        <div id="u301" class="ax_default _形状" selectiongroup="Tab1">
          <img id="u301_img" class="img " src="images/界面流程/u73.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u302" class="ax_default _文本段落1">
          <div id="u302_div" class=""></div>
          <div id="u302_text" class="text ">
            <p><span>我的</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u303" class="ax_default _形状">
          <img id="u303_img" class="img " src="images/界面流程/u62.png"/>
        </div>
      </div>

      <!-- TablePanel (动态面板) -->
      <div id="u304" class="ax_default" data-label="TablePanel">
        <div id="u304_state0" class="panel_state" data-label="State1" style="">
          <div id="u304_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u305" class="ax_default _形状">
              <img id="u305_img" class="img " src="images/界面流程/u76.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u306" class="ax_default _形状">
              <img id="u306_img" class="img " src="images/界面流程/u77.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u307" class="ax_default _图片1">
              <img id="u307_img" class="img " src="images/界面流程/u78.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u308" class="ax_default _文本段落1">
              <div id="u308_div" class=""></div>
              <div id="u308_text" class="text ">
                <p><span>搜索</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u309" class="ax_default _形状">
              <img id="u309_img" class="img " src="images/界面流程/u80.png"/>
              <div id="u309_text" class="text ">
                <p><span>icon</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u310" class="ax_default _文本段落1">
              <div id="u310_div" class=""></div>
              <div id="u310_text" class="text ">
                <p><span>海南景点</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u311" class="ax_default _文本段落1">
              <div id="u311_div" class=""></div>
              <div id="u311_text" class="text ">
                <p><span>海南文化</span></p>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u312" class="ax_default" data-left="1" data-top="423" data-width="270" data-height="198">

              <!-- Unnamed (矩形) -->
              <div id="u313" class="ax_default _形状">
                <img id="u313_img" class="img " src="images/抬头望星/u313.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u314" class="ax_default _一级标题1">
                <div id="u314_div" class=""></div>
                <div id="u314_text" class="text ">
                  <p><span>pic</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u315" class="ax_default" data-left="271" data-top="423" data-width="274" data-height="198">

              <!-- Unnamed (矩形) -->
              <div id="u316" class="ax_default _形状">
                <img id="u316_img" class="img " src="images/抬头望星/u316.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u317" class="ax_default _一级标题1">
                <div id="u317_div" class=""></div>
                <div id="u317_text" class="text ">
                  <p><span>pic</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u318" class="ax_default _文本段落1">
              <div id="u318_div" class=""></div>
              <div id="u318_text" class="text ">
                <p><span>更多</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u319" class="ax_default _图片1">
              <img id="u319_img" class="img " src="images/界面流程/u84.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u320" class="ax_default _文本段落1">
              <div id="u320_div" class=""></div>
              <div id="u320_text" class="text ">
                <p><span>更多</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u321" class="ax_default _图片1">
              <img id="u321_img" class="img " src="images/界面流程/u84.png"/>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u322" class="ax_default" data-left="0" data-top="682" data-width="270" data-height="198">

              <!-- Unnamed (矩形) -->
              <div id="u323" class="ax_default _形状">
                <img id="u323_img" class="img " src="images/抬头望星/u313.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u324" class="ax_default _一级标题1">
                <div id="u324_div" class=""></div>
                <div id="u324_text" class="text ">
                  <p><span>pic</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u325" class="ax_default" data-left="271" data-top="681" data-width="273" data-height="198">

              <!-- Unnamed (矩形) -->
              <div id="u326" class="ax_default _形状">
                <img id="u326_img" class="img " src="images/抬头望星/u326.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u327" class="ax_default _一级标题1">
                <div id="u327_div" class=""></div>
                <div id="u327_text" class="text ">
                  <p><span>pic</span></p>
                </div>
              </div>
            </div>

            <!-- ImagePannel (动态面板) -->
            <div id="u328" class="ax_default" data-label="ImagePannel">
              <div id="u328_state0" class="panel_state" data-label="State1" style="">
                <div id="u328_state0_content" class="panel_state_content">

                  <!-- Unnamed (图片) -->
                  <div id="u329" class="ax_default _图片">
                    <img id="u329_img" class="img " src="images/界面流程/u88.jpg"/>
                  </div>
                </div>
              </div>
              <div id="u328_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
                <div id="u328_state1_content" class="panel_state_content">

                  <!-- Unnamed (图片) -->
                  <div id="u330" class="ax_default _图片">
                    <img id="u330_img" class="img " src="images/界面流程/u89.jpg"/>
                  </div>
                </div>
              </div>
              <div id="u328_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
                <div id="u328_state2_content" class="panel_state_content">

                  <!-- Unnamed (图片) -->
                  <div id="u331" class="ax_default _图片">
                    <img id="u331_img" class="img " src="images/界面流程/u90.jpg"/>
                  </div>
                </div>
              </div>
              <div id="u328_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
                <div id="u328_state3_content" class="panel_state_content">

                  <!-- Unnamed (图片) -->
                  <div id="u332" class="ax_default _图片">
                    <img id="u332_img" class="img " src="images/界面流程/u91.jpg"/>
                  </div>
                </div>
              </div>
              <div id="u328_state4" class="panel_state" data-label="State5" style="visibility: hidden;">
                <div id="u328_state4_content" class="panel_state_content">

                  <!-- Unnamed (图片) -->
                  <div id="u333" class="ax_default _图片">
                    <img id="u333_img" class="img " src="images/界面流程/u92.jpg"/>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u334" class="ax_default _形状">
              <img id="u334_img" class="img " src="images/界面流程/u93.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u335" class="ax_default _形状">
              <img id="u335_img" class="img " src="images/界面流程/u93.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u336" class="ax_default _形状">
              <img id="u336_img" class="img " src="images/界面流程/u93.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u337" class="ax_default _形状">
              <img id="u337_img" class="img " src="images/界面流程/u93.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u338" class="ax_default _形状">
              <img id="u338_img" class="img " src="images/界面流程/u93.png"/>
            </div>
          </div>
        </div>
        <div id="u304_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u304_state1_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u339" class="ax_default box_1">
              <div id="u339_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u340" class="ax_default label">
              <div id="u340_div" class=""></div>
              <div id="u340_text" class="text ">
                <p><span>排行</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u341" class="ax_default label">
              <div id="u341_div" class=""></div>
              <div id="u341_text" class="text ">
                <p><span>话题推荐</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u342" class="ax_default _形状">
              <img id="u342_img" class="img " src="images/界面流程/u126.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u343" class="ax_default _形状">
              <img id="u343_img" class="img " src="images/界面流程/u126.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u344" class="ax_default _形状">
              <img id="u344_img" class="img " src="images/界面流程/u126.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u345" class="ax_default label">
              <div id="u345_div" class=""></div>
              <div id="u345_text" class="text ">
                <p><span>排行榜</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u346" class="ax_default _形状">
              <img id="u346_img" class="img " src="images/界面流程/u126.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u347" class="ax_default _形状">
              <img id="u347_img" class="img " src="images/界面流程/u126.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u348" class="ax_default _形状">
              <img id="u348_img" class="img " src="images/界面流程/u126.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u349" class="ax_default _形状">
              <img id="u349_img" class="img " src="images/界面流程/u126.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u350" class="ax_default label">
              <div id="u350_div" class=""></div>
              <div id="u350_text" class="text ">
                <p><span>最好玩</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u351" class="ax_default label">
              <div id="u351_div" class=""></div>
              <div id="u351_text" class="text ">
                <p><span>最美食</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u352" class="ax_default label">
              <div id="u352_div" class=""></div>
              <div id="u352_text" class="text ">
                <p><span>最好看</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u353" class="ax_default label">
              <div id="u353_div" class=""></div>
              <div id="u353_text" class="text ">
                <p><span>话题排行</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u354" class="ax_default label">
              <div id="u354_div" class=""></div>
              <div id="u354_text" class="text ">
                <p><span>景点排行</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u355" class="ax_default label">
              <div id="u355_div" class=""></div>
              <div id="u355_text" class="text ">
                <p><span>打卡排行</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u356" class="ax_default label">
              <div id="u356_div" class=""></div>
              <div id="u356_text" class="text ">
                <p><span>视频排行</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u357" class="ax_default _文本段落">
              <div id="u357_div" class=""></div>
              <div id="u357_text" class="text ">
                <p><span>1.什么地方最好玩？</span></p><p><span>2.不得不去的三大地方</span></p><p><span>3.你们发现过有趣的语言</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u358" class="ax_default _文本段落">
              <div id="u358_div" class=""></div>
              <div id="u358_text" class="text ">
                <p><span>1.蜈支洲岛</span></p><p><span>2.槟榔谷</span></p><p><span>3.天涯海角</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u359" class="ax_default _文本段落">
              <div id="u359_div" class=""></div>
              <div id="u359_text" class="text ">
                <p><span>1.不容错过的海鲜</span></p><p><span>2.直升机-三亚全景</span></p><p><span>3.亚龙湾天堂森林公园</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u360" class="ax_default _文本段落">
              <div id="u360_div" class=""></div>
              <div id="u360_text" class="text ">
                <p><span>1.Vlog的天堂</span></p><p><span>2.早起看海南日出</span></p><p><span>3.沙滩上的你我</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u361" class="ax_default _文本段落">
              <div id="u361_div" class=""></div>
            </div>
          </div>
        </div>
        <div id="u304_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u304_state2_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u362" class="ax_default box_1">
              <div id="u362_div" class=""></div>
              <div id="u362_text" class="text ">
                <p><span>广场</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u363" class="ax_default box_1">
              <div id="u363_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u364" class="ax_default label">
              <div id="u364_div" class=""></div>
              <div id="u364_text" class="text ">
                <p><span>关注的人</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u365" class="ax_default _图片">
              <img id="u365_img" class="img " src="images/界面流程/u169.jpg"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u366" class="ax_default _图片">
              <img id="u366_img" class="img " src="images/界面流程/u170.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u367" class="ax_default _图片">
              <img id="u367_img" class="img " src="images/界面流程/u171.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u368" class="ax_default _图片">
              <img id="u368_img" class="img " src="images/界面流程/u172.jpg"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u369" class="ax_default _图片">
              <img id="u369_img" class="img " src="images/界面流程/u173.jpg"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u370" class="ax_default _图片">
              <img id="u370_img" class="img " src="images/界面流程/u174.png"/>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u371" class="ax_default" data-left="466" data-top="802" data-width="65" data-height="65">

              <!-- Unnamed (椭圆形) -->
              <div id="u372" class="ax_default ellipse">
                <img id="u372_img" class="img " src="images/界面流程/u176.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u373" class="ax_default line">
                <img id="u373_img" class="img " src="images/界面流程/u177.png"/>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u374" class="ax_default line">
                <img id="u374_img" class="img " src="images/界面流程/u178.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u304_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u304_state3_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u375" class="ax_default _形状">
              <img id="u375_img" class="img " src="images/界面流程/u200.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u376" class="ax_default _形状">
              <img id="u376_img" class="img " src="images/界面流程/u201.png"/>
              <div id="u376_text" class="text ">
                <p><span>头像</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u377" class="ax_default _形状">
              <img id="u377_img" class="img " src="images/界面流程/u202.png"/>
              <div id="u377_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 我的消息</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u378" class="ax_default _形状">
              <img id="u378_img" class="img " src="images/界面流程/u202.png"/>
              <div id="u378_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 我的发布</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u379" class="ax_default _形状">
              <img id="u379_img" class="img " src="images/界面流程/u202.png"/>
              <div id="u379_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 浏览记录</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u380" class="ax_default _形状">
              <img id="u380_img" class="img " src="images/界面流程/u202.png"/>
              <div id="u380_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 我的喜欢</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u381" class="ax_default _形状">
              <img id="u381_img" class="img " src="images/界面流程/u206.png"/>
              <div id="u381_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 帮助和反馈</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u382" class="ax_default _形状">
              <img id="u382_img" class="img " src="images/界面流程/u207.png"/>
              <div id="u382_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 设置</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u383" class="ax_default label">
              <div id="u383_div" class=""></div>
              <div id="u383_text" class="text ">
                <p><span>关注999</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u384" class="ax_default label">
              <div id="u384_div" class=""></div>
              <div id="u384_text" class="text ">
                <p><span>粉丝19</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u385" class="ax_default label">
              <div id="u385_div" class=""></div>
              <div id="u385_text" class="text ">
                <p><span>空间99</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u386" class="ax_default label">
              <div id="u386_div" class=""></div>
              <div id="u386_text" class="text ">
                <p><span>海南忠实粉1号</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u387" class="ax_default icon">
              <img id="u387_img" class="img " src="images/界面流程/u212.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u388" class="ax_default label">
              <div id="u388_div" class=""></div>
              <div id="u388_text" class="text ">
                <p><span>Lv.8</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u304_state4" class="panel_state" data-label="我的关注" style="visibility: hidden;">
          <div id="u304_state4_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u389" class="ax_default box_1">
              <div id="u389_div" class=""></div>
              <div id="u389_text" class="text ">
                <p><span>我的关注</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u390" class="ax_default _图片1">
              <img id="u390_img" class="img " src="images/界面流程/u220.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u391" class="ax_default _文本段落1">
              <div id="u391_div" class=""></div>
              <div id="u391_text" class="text ">
                <p><span>我的发布</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u392" class="ax_default line">
              <img id="u392_img" class="img " src="images/界面流程/u222.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u393" class="ax_default _形状">
              <img id="u393_img" class="img " src="images/界面流程/u223.png"/>
              <div id="u393_text" class="text ">
                <p><span>头像</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u394" class="ax_default _文本段落1">
              <div id="u394_div" class=""></div>
              <div id="u394_text" class="text ">
                <p><span>隔壁老刘</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u395" class="ax_default label">
              <div id="u395_div" class=""></div>
              <div id="u395_text" class="text ">
                <p><span>发布了视频：</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u396" class="ax_default label">
              <div id="u396_div" class=""></div>
              <div id="u396_text" class="text ">
                <p><span>这里的风景和文化太让我感到惊奇了，哈哈哈哈！！</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u397" class="ax_default _形状">
              <img id="u397_img" class="img " src="images/界面流程/u227.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u398" class="ax_default _形状">
              <img id="u398_img" class="img " src="images/界面流程/u223.png"/>
              <div id="u398_text" class="text ">
                <p><span>头像</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u399" class="ax_default _文本段落1">
              <div id="u399_div" class=""></div>
              <div id="u399_text" class="text ">
                <p><span>噗噗噗pu</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u400" class="ax_default label">
              <div id="u400_div" class=""></div>
              <div id="u400_text" class="text ">
                <p><span>分享了话题：</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u401" class="ax_default label">
              <div id="u401_div" class=""></div>
              <div id="u401_text" class="text ">
                <p><span>嘿嘿，学到了，这就去和女友对线~~</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u402" class="ax_default _形状">
              <img id="u402_img" class="img " src="images/界面流程/u232.png"/>
              <div id="u402_text" class="text ">
                <p><span>话题：带女朋友去海南哪个景点能让女朋友感到浪漫？</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u403" class="ax_default _形状">
              <img id="u403_img" class="img " src="images/界面流程/u223.png"/>
              <div id="u403_text" class="text ">
                <p><span>头像</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u404" class="ax_default _文本段落1">
              <div id="u404_div" class=""></div>
              <div id="u404_text" class="text ">
                <p><span>仙女本人</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u405" class="ax_default label">
              <div id="u405_div" class=""></div>
              <div id="u405_text" class="text ">
                <p><span>发布了图片：</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u406" class="ax_default label">
              <div id="u406_div" class=""></div>
              <div id="u406_text" class="text ">
                <p><span>美美美，朋友们，海南还真是个神奇的地方！</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u407" class="ax_default _形状">
              <img id="u407_img" class="img " src="images/界面流程/u237.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u408" class="ax_default line">
              <img id="u408_img" class="img " src="images/界面流程/u238.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u409" class="ax_default line">
              <img id="u409_img" class="img " src="images/界面流程/u239.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u410" class="ax_default line">
              <img id="u410_img" class="img " src="images/界面流程/u240.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u411" class="ax_default _图片1">
              <img id="u411_img" class="img " src="images/界面流程/u84.png"/>
            </div>
          </div>
        </div>
        <div id="u304_state5" class="panel_state" data-label="发布" style="visibility: hidden;">
          <div id="u304_state5_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u412" class="ax_default _图片1">
              <img id="u412_img" class="img " src="images/界面流程/u84.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u413" class="ax_default _形状">
              <div id="u413_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u414" class="ax_default _文本段落1">
              <div id="u414_div" class=""></div>
              <div id="u414_text" class="text ">
                <p><span>发布</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u415" class="ax_default _文本段落1">
              <div id="u415_div" class=""></div>
              <div id="u415_text" class="text ">
                <p><span>发送</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u416" class="ax_default _形状">
              <img id="u416_img" class="img " src="images/界面流程/u251.png"/>
              <div id="u416_text" class="text ">
                <p><span>话题</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u417" class="ax_default _形状">
              <img id="u417_img" class="img " src="images/界面流程/u251.png"/>
              <div id="u417_text" class="text ">
                <p><span>图文</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u418" class="ax_default _形状">
              <img id="u418_img" class="img " src="images/界面流程/u251.png"/>
              <div id="u418_text" class="text ">
                <p><span>视频</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u419" class="ax_default _图片1">
              <img id="u419_img" class="img " src="images/界面流程/u254.png"/>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
